<template>
	<view class="content">
		<view style="padding:36rpx 16rpx;">
			<g-title-wrap label="基础使用" label-width="550">
				<template slot='header'>
				</template>
				<view style="display: flex;justify-content: space-around; width: 80%;">
					<g-button-card title="基础" icon="shanchu" bgColor="#bdbdbd"></g-button-card>
					<g-button-card title="个人" icon="shanchu" bgColor="#bdbdbd"></g-button-card>
					<g-button-card title="系统" icon="shanchu" bgColor="#bdbdbd"></g-button-card>
					<g-button-card title="主题" icon="shanchu" bgColor="#bdbdbd"></g-button-card>
					<g-button-card title="管理" icon="shanchu" bgColor="#bdbdbd"></g-button-card>
				</view>
			</g-title-wrap>
			<g-title-wrap label="背景颜色(bg-color)" label-width="550">
				<template slot='header'>
				</template>
				<view style="display: flex;justify-content: space-around; width: 80%;">
					<g-button-card title="基础" icon="shanchu" bgColor="#150fbd"></g-button-card>
					<g-button-card title="个人" icon="shanchu" bgColor="#0e9dbd"></g-button-card>
					<g-button-card title="系统" icon="shanchu" bgColor="#bd1889"></g-button-card>
					<g-button-card title="主题" icon="shanchu" bgColor="#68bd26"></g-button-card>
					<g-button-card title="管理" icon="shanchu" bgColor="#bd521d"></g-button-card>
				</view>
			</g-title-wrap>
			<g-title-wrap label="微标(newtips)" label-width="550">
				<template slot='header'>
				</template>
				<view style="display: flex;justify-content: space-around; width: 80%;">
					<g-button-card title="基础" icon="zanwushuju" bgColor="#150fbd" :newtips='10'></g-button-card>
					<g-button-card title="个人" icon="shanchu" bgColor="#0e9dbd" :newtips='100'></g-button-card>
				</view>
			</g-title-wrap>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>
